<template>
    <view>
		<cu-custom :key="'header'+headerKey" class='box1' bgColor="bg-gradual-blue" :isBack="true" backText="返回" title="待遇信息"></cu-custom>
        <view class="cu-card dynamic position:fixed " v-for="(item, index) in productList" :key="index" style="margin-top: 140rpx;float: left;
        position: absolute;width: 750rpx;margin-left: 1rpx">
            <view class="cu-item shadow">
                <view class="cu-list menu-avatar">
					<view class="cu-form-group ">
						<view class="text-content">
							<text space="ensp" style="font-size: 32rpx;font-weight: bold;">社保编码： {{ item.aac001 }}</text>
						</view>
					</view>
					<zh-text :value="item.aae299mc" type="text" label="待遇类别名称"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aab004" type="text" label="退休单位(村)名"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aic162" type="text" label="离退休日期"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aic160" type="text" label="待遇享受开始年月"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aic301" type="text" label="待遇享受终止年月"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aae006" type="text" label="联系地址"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aae007" type="text" label="邮政编码"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aae145" type="text" label="支付方式"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aaf200mc" type="text" label="银行名称"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aae010" type="text" label="银行账号"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.aae116" type="text" label="待遇发放状态"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.eac079" type="text" label="当前待遇金额"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.eac0721" type="text" label="统筹内养老金"
					labelAlign="left" inputAlign="right" ></zh-text>
					<zh-text :value="item.eac0722" type="text" label="统筹外养老金"
					labelAlign="left" inputAlign="right" ></zh-text>
                </view>
            </view>
        </view>
    </view>
</template>
<script>
	import store from "@/store"
	import api from '@/api/society/my/insurance.js';
	import reqConfig from '@/common/config/reqConfig.js';
    export default {
		onShow() {
			this.headerKey += 1;
		},
        data() {
            return {
				headerKey:0,
                productList: '',
				idcard:store.state.hh_user.idcard
            };
        },
        methods: {
			indexs: function() {
			const data = {};
			data.idcard=this.idcard
			this.$http.post(api.getBusinessCard, data).then(res =>  {
				this.show = true
				this.productList = res.result.personTreatmentVOList
			}).catch(err => {
			});
			},
		},
		mounted(){
		           //自动加载indexs方法
		           this.indexs();
		       }
    }
</script>
<style>
	.box1{
		white-space: normal;
		width: 750upx;
		height: 400upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		position: absolute;
		top: 0upx;
		left: 0upx;
		background-image: linear-gradient(223deg, #19b8b9 0%, #0182fe 100%);
		border-radius: 0upx;
		border-bottom-left-radius: 100upx;
		border-bottom-right-radius: 100upx;
		font-size: 20rpx;
	
	},
    .cu-card.dynamic>.cu-item>.text-content {
        margin-bottom: 1px;
        margin-top: 6px;
    }
		.cu-form-group{
			height: -11115rpx;
		}
</style>